<?php
    echo $this->Html->script('proveedores.js');
    echo $this->Html->css('estilo_proveedores.css');
    $todos = $datos['todos'];
    $estados = $datos['estados'];
?> 
<div class="container">
    <div class="contenedor-tabla">
        <h3 class="titulo-form">PROVEEDORES</h3>
        <button class="btn btn-success agregar-modal" type="button" data-toggle="modal">
            Agregar Proveedor
        </button>
        <div class="dos-botones">
            <div id="seleccion">Seleccione un registro</div>
            <button class="btn btn-small btn-primary modificar-modal" disabled="disabled">
                Modificar
            </button>
            <button class="btn btn-small btn-danger eliminar-modal" disabled="disabled">
                Eliminar
            </button>
        </div>
        <table class="table table-striped " id="tabla-principal">
            <thead>
                <tr>
                    <th class="header-id">Id</th>
                    <th class="header-nom">Nombre</th>
                </tr>
            </thead>
            <tbody>
                <?php foreach ($todos as $t) { ?>
                    <tr>
                        <td class="id-tabla"><?php echo $t['id']; ?></td>
                        <td class="comercial-tabla">
                            <?php if ($t['persona']==0)
                                      echo $t['nombre_comercial'];
                                  else
                                      echo $t['nombre'].' '.$t['apellidos'];?>
                        </td>
                    </tr>
                <?php } ?>
            </tbody>
            <tfoot>
		<tr>
                    <th>Todos</th>
                    <th>Todos</th>
		</tr>
            </tfoot>
        </table>
    </div>
    <div id="dlg-modal" class="dialogo-modal">
        <h3 class="titulo-modal"></h3>
        <div id='contenido'></div>
    </div>
    <div id="contenido-forma">
        <form id="forma-modal">
            <div class="control-group">
                <label class="control-label" for="dlg-id">Id:</label>
                <input class="control-forma" id="dlg-id" type="text" name="id" readonly="true">
                <label class="control-label" for="dlg-fecha">Fecha Alta:</label>
                <input class="control-forma" id="dlg-fecha" type="text" name="fecha" readonly="true">
            </div>
            <div class="control-group">
                <div class="dropdown drop-titulo">
                    <label class="control-label" for="titulo-titulo">Titulo</label>
                    <a class="btn btn-dark dropdown-toggle" data-toggle="dropdown" href="#" id="titulo-titulo" onclick="return false;"></a>
                    <input class="oculto" name="tituloinput" id="tituloinput">                    
                    <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel" id="dlg-titulo">
                        <li><a tabindex="-1" href="javascript:void(0);" class="drop-opcion-titulo">arq.</a></li>
                        <li><a tabindex="-1" href="javascript:void(0);" class="drop-opcion-titulo">cía.</a></li>
                        <li><a tabindex="-1" href="javascript:void(0);" class="drop-opcion-titulo">dr.</a></li>
                        <li><a tabindex="-1" href="javascript:void(0);" class="drop-opcion-titulo">ing.</a></li>
                        <li><a tabindex="-1" href="javascript:void(0);" class="drop-opcion-titulo">lic.</a></li>
                        <li><a tabindex="-1" href="javascript:void(0);" class="drop-opcion-titulo">sr.</a></li>
                        <li><a tabindex="-1" href="javascript:void(0);" class="drop-opcion-titulo">sra.</a></li>
                        <li><a tabindex="-1" href="javascript:void(0);" class="drop-opcion-titulo">srita.</a></li>
                    </ul>
                </div>
                <div class="moral-fisica">
                    <label class="control-label" id="dlg-moral-label" for="dlg-moral">Persona Moral:</label>
                    <input class="control-forma" id="dlg-moral" type="radio" name="persona" value="moral"> 
                    <label class="control-label" id="dlg-fisica-label" for="dlg-fisica">Persona Física:</label>
                    <input class="control-forma" id="dlg-fisica" type="radio" name="persona" value ="fisica">    
                </div>
                <label class="control-label" id="dlg-activo-label" for="dlg-activo">Activo:</label>
                <input class="control-forma" id="dlg-activo" type="checkbox" name="activo">
                <label class="control-label" id="dlg-acreedor-label" for="dlg-acreedor">Acreedor:</label>
                <input class="control-forma" id="dlg-acreedor" type="checkbox" name="acreedor">
            </div>
            <div class="control-group">
                <label class="control-label" id="dlg-nombre-label" for="dlg-nombre">Nombre:</label>
                <input class="control-forma" id="dlg-nombre" type="text" name="nombre">
                <label class="control-label" id="dlg-comercial-label" for="dlg-comercial">Nombre Comercial:</label>
                <input class="control-forma" id="dlg-comercial" type="text" name="comercial">
                <label class="control-label" for="dlg-razon" id="dlg-razon-label">Razon Social:</label>
                <input class="control-forma" id="dlg-razon" type="text" name="razon">
            </div>
            <div class="control-group">
                <label class="control-label" id="dlg-apellidos-label" for="dlg-apellidos">Apellidos:</label>
                <input class="control-forma" id="dlg-apellidos" type="text" name="apellidos">
                <label class="control-label" for="dlg-rfc" id="dlg-rfc-label">RFC:</label>
                <input class="control-forma" id="dlg-rfc" type="text" name="rfc">
            </div>
            <div class="control-group">
                <label class="control-label" for="dlg-repre">Representante:</label>
                <input class="control-forma" id="dlg-repre" type="text" name="repre">
            </div>
            <div class="control-group">
                <label class="control-label" for="dlg-calle">Calle/Num:</label>
                <input class="control-forma" id="dlg-calle" type="text" name="calle">
                <label class="control-label" for="dlg-colonia" id="dlg-colonia-label">Colonia:</label>
                <input class="control-forma" id="dlg-colonia" type="text" name="colonia">
            </div>
            <div class="control-group">
                <label class="control-label" for="dlg-cp">CP:</label>
                <input class="control-forma" id="dlg-cp" type="text" name="cp">
                <label class="control-label" for="dlg-estado" id="dlg-estado-label">Estado:</label>
                <div class="dropdown" id="drop-estado">
                    <a class="btn dropdown-toggle" name="estado" data-toggle="dropdown" href="javascript:void(0);" id="dlg-estado"></a>
                    <input class="oculto" name="estadoinput" id="estadoinput">                    
                    <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel" id="dlg-estado-menu">
                        <?php foreach($estados as $estado){?>
                        <li><a tabindex="-1" href="javascript:void(0);" class="drop-estado"><?php echo $estado['nombre'];?></a></li>
                        <?php }?>
                    </ul>
                </div>
                <label class="control-label" for="dlg-ciudad" id="dlg-ciudad-label">Ciudad:</label>
                <div class="dropdown" id="drop-ciudad">
                    <a class="btn dropdown-toggle" name="ciudad" data-toggle="dropdown" href="javascript:void(0);" id="dlg-ciudad"></a>
                    <input class="oculto" name="ciudadinput" id="ciudadinput">                    
                    <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel" id="dlg-ciudad-menu">
                    </ul>
                </div>
            </div>
            <div id="dlg-tel-contenedor">
                <label class="control-label" id="dlg-telefonos-label">Telefonos</label>
                <table class="table table-striped" id="dlg-telefonos">
                    <thead>
                        <th><label>Teléfono</label></th>
                        <th><label>Extensión</label></th>
                        <th><label>Compañía</label></th>
                    </thead>
                    <tbody id="dlg-tabla-body"></tbody>
                </table>
                <div class="btn btn-primary" id="nuevo-telefono">Nuevo</div>
            </div>
            <div id="dlg-correos-contenedor">
                <label class="control-label" id="dlg-correos-label">Correos</label>
                <table class="table table-striped" id="dlg-correos">
                    <tbody id="dlg-tabla-body2"></tbody>
                </table>
                <div class="btn btn-primary" id="nuevo-correo">Nuevo</div>
            </div>
            <div class="control-group">
                <label class="control-label" for="dlg-paq">Credito:</label>
                <div class="dropdown" id="drop-credito">
                    <a class="btn dropdown-toggle" data-toggle="dropdown" href="#" id="dlg-credito" onclick="return false;"></a>
                    <input class="oculto" name="creditoinput" id="creditoinput">                    
                    <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel" id="dlg-credito-menu">
                        <li><a tabindex="-1" href="javascript:void(0);" class="drop-credito">Contado</a></li>
                        <li><a tabindex="-1" href="javascript:void(0);" class="drop-credito">8 días</a></li>
                        <li><a tabindex="-1" href="javascript:void(0);" class="drop-credito">15 días</a></li>
                        <li><a tabindex="-1" href="javascript:void(0);" class="drop-credito">20 días</a></li>
                        <li><a tabindex="-1" href="javascript:void(0);" class="drop-credito">30 días</a></li>
                        <li><a tabindex="-1" href="javascript:void(0);" class="drop-credito">45 días</a></li>
                        <li><a tabindex="-1" href="javascript:void(0);" class="drop-credito">60 días</a></li>
                        
                    </ul>
                </div>
            </div>
            <div class="control-group">
                <label class="control-label" for="dlg-web">Pagina Web:</label>
                <input class="control-forma" id="dlg-web" type="text" name="web">
            </div>
            <div class="control-group">
                <label class="control-label" for="dlg-obs">Observaciones:</label>
                <input class="control-forma" id="dlg-obs" type="text" name="obs">
            </div>
            <div class="control-group">
                <label class="control-label" for="dlg-paq">Paquetería:</label>
                <div class="dropdown" id="drop-paqueteria">
                    <a class="btn dropdown-toggle" data-toggle="dropdown" href="#" id="dlg-paq" onclick="return false;"></a>
                    <input class="oculto" name="paqinput" id="paqinput">                    
                    <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel" id="dlg-paq-menu">
                        <li><a tabindex="-1" href="javascript:void(0);" class="drop-paq">express</a></li>
                        <li><a tabindex="-1" href="javascript:void(0);" class="drop-paq">dhl</a></li>
                    </ul>
                </div>
            </div>
            <div class="control-group botones-modal">
                <div class="btn btn-success aceptar-modal validar-proveedor"></div>
                <div class="btn btn-danger cancelar-modal"></div>
            </div>
        </form>
    </div>
    <div id="confirmar-cambios-modal">
        <div id="borde-int-confirmar">
        </div>
    </div>
</div>        
<script type="text/javascript">
    var rutaModificar = "<?php echo $this->Html->Url(array('controller' => 'Proveedores', 'action' => 'modificarProveedor')); ?>";
    var rutaEliminar = "<?php echo $this->Html->Url(array('controller' => 'Proveedores', 'action' => 'eliminarProveedor')); ?>";
    var rutaObtenerFecha = "<?php echo $this->Html->Url(array('controller' => 'Proveedores', 'action' => 'obtenFecha')); ?>";
    var rutaAgregar = "<?php echo $this->Html->Url(array('controller' => 'Proveedores', 'action' => 'agregarProveedor')); ?>";
    var consultaProvedor = "<?php echo $this->Html->Url(array('controller' => 'Proveedores', 'action' => 'consultaProveedor')); ?>";
    var todos = <?php echo json_encode($todos); ?>;
    var estados = <?php echo json_encode($estados); ?>;
    var dialogo = $(document).find('#dialogo-modal');
    var id, arreglo, itabla, activo, tabla;
</script>